<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>部门插入</title>
<!--    引入脚本-->
    <script src="../../js/jquery-1.8.3.min.js"></script>
    <script>
        function tijiao(){
            //向后端发送请求，传递数据，进行回调处理，再跳转到列表页
            // $.get("请求的地址",$("form").serialize(),function(data){
            //     回调函数
            // })
            //$("form").serialize()表单序列化将表单控件中有name属性的值转化为字符串
            $.get("../../dept/insert",$("form").serialize(),function(data){
                // 回调函数  data参数为控制层写入页面的数据，默认为字符串
                if (data==1){
                    alert("插入成功");
                    location.href="list.html"
                }else{
                    alert("插入失败");
                }
            })
            return false;

        }
    </script>
</head>
<body>
<!--action表示提交后的目的地，默认值为当前页面，也可以是其它页面，脚本或java后端-->
<!--method表示提交的方式，默认值为get(在地址栏中可看见传递的数据，不安全，传递的数据少),也可以是post提交-->
<form action="list.html" method="">
<!--    type默认值为text文本框-->
<!--    name和id都表示控件的名称，name可重复,id是唯一的-->
    部门名称：<input type="text" name="dname" id="dname" value="">
    位置:<input name="loc" id="loc">
<!--    submit表示提交按钮-->
    <input type="submit" value="提交" onclick="return tijiao()">
<!--    button为普通按钮-->
    <input type="button" value="提交">
<!--    reset表示重置，表单控件还原为默认值-->
    <input type="reset" value="重置">
</form>
</body>
</html>